<template>
	<div>
		<div class="graybg"></div>
		<div class="header header_bg">
			<div class="header_left">
				<i onclick="javascript:history.back(-1)" class="iconfont baiColor">&#xe612;</i>
			</div>
			<div class="header_center">
				<span class="baiColor">支付密码</span>
			</div>
		</div>
		
		<div class="center" style="padding-top: 47px;">
			<section>
				<p>
					支付密码：
					<span class="info1" v-if="info1 == 1 ? true:false">已设置</span>
					<router-link to="/setpass">
					<span class="info1" style="color: #333;" v-if="info1 == 1 ? false:true">未设置</span>
					</router-link>
				</p>
			</section>
				<router-link to="/updatezhipass">
			<section>
                <p class="pull-left">
                	<span>修改六位数支付密码</span>
                </p>
                <p class="pull-right">
                	<i class="iconfont">&#xe615;</i>
                </p>
            </section>
            </router-link>
            <!--forgetPass-->
            <router-link to="/iupdatepass">
            <section>
                <p class="pull-left">
                	<span>忘记六位数支付密码</span>
                </p>
                <p class="pull-right">
                	<i class="iconfont">&#xe615;</i>
                </p>
            </section>
              </router-link>
		</div>

		
	</div>

</template>

<script>
	export default {
		data() {
			return {
				info1:'',
			}
		},
		 mounted(){
		 	var info1 = document.getElementsByClassName('info1')[0].innerText;
        	var params = new URLSearchParams();
        	var info = window.localStorage.data;
        	params.append('token', info);	//客户秘钥（信息）
			var arr = ['u_alipay_pwd']
			params.append('arr', arr);
			this.$axios({
				url: "Home/Config/getUserField",
				method: "POST",
				data: params
			}).then((res) => {
				if(res.data.code == 1){
					if(res.data.data.u_alipay_pwd == true){
						this.info1 = 1
					}else{
						this.info1 = 2
					}
				}
			}).catch((err) => {
				console.log(err)
			})

        },
		methods: {
			
		}
			
	}
</script>

<style scoped="scoped">
	@import "../css/public.css";
	.center{
	width: 95%;
	margin: 0px auto;
}
.center section{
	overflow: hidden;
	color: #333;
	font-size: 18px;
	background: #fff;
	height: 44px;
	line-height: 44px;
	border-bottom: solid 0.5px #f0f0f0;
	padding: 0px 10px;
}
.center section p i{
	width: 22px;
	height: 21px;
}
.center section .pull-left i{
	/*padding: 0 10px;*/
	color: #F3961F;
}
.center section .pull-right{
	/*color: #666;*/
}
.center section .pull-right i{
	width: 10px;
	height: 18px;
}
</style>